<!DOCTYPE html>
<html>
<head>
    {include file="public/head"}
</head>
<body>
<div class="g-flexview">
    <header class="m-navbar">
        <a href="javascript:history.back();" class="navbar-item">
            <i class="back-ico"></i>
        </a>
        <div class="navbar-center"><span class="navbar-title">修改昵称</span></div>
    </header>

    <div class="g-scrollview">
        <div class="m-cell">
            <div class="cell-item">
                <div class="cell-left">昵称：</div>
                <div class="cell-right">
                    <input type="text" class="cell-input" placeholder="请输入昵称" autocomplete="off" id="nickname"/>
                </div>
            </div>
        </div>
    </div>
    <button type="button" class="btn-block btn-primary" id="modify_nickname">确认修改</button>
</div>
{include file="public/js"}
<script>
    !function ($) {
        $('#modify_nickname').click(function () {
            dialog.confirm('呢称修改','该呢称将覆盖原呢称',function () {
                $.post('/index/set/modifyNickname',{nickname : $('#nickname').val()},function (res) {
                    dialog.toast(res.msg,'none',1000);
                });
            });
        });
    }(jQuery);
</script>
</body>
</html>